<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ASAP - 首页</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/normalize/8.0.1/normalize.css" rel="stylesheet">
    <link href="//unpkg.com/layui@2.9.17/dist/css/layui.css" rel="stylesheet">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <header class="home-header">
        <div class="home-header-content">
            <h1 class="logo">
                <a href="/">ASAP</a>
            </h1>
            <!-- 导航栏开始 -->
            <nav>
                <ul class="layui-nav layui-bg-gray">
                    <li class="layui-nav-item"><a href="">项目</a></li>
                    <li class="layui-nav-item"><a href="">
                            <a href="javascript:;">新闻</a>
                            <dl class="layui-nav-child">
                                <dd><a href="">EDA</a></dd>
                                <dd><a href="">会议</a></dd>
                            </dl>
                        </a></li>
                    <li class="layui-nav-item"><a href="">公告</a></li>
                    <li class="layui-nav-item"><a href="">活动</a></li>
                    <li class="layui-nav-item"><a href="">讨论</a></li>
                </ul>
            </nav>
            <!-- 导航栏结束 -->
        </div>
        <!-- 轮播图开始 -->
        <div class="layui-carousel" id="ID-carousel">
            <div carousel-item>
                <div><img src="http://118.31.119.34:9000/poap/20240911/c229c3e4f64d4989bcb74658de4e53b7.png"></div>
                <div><img src="http://118.31.119.34:9000/poap/20240911/2ddd7805140943618a75ada278fec2f4.png"></div>
                <div><img src="http://118.31.119.34:9000/poap/20240911/18c6078a60dd4f76a1194ea1ec78e579.png"></div>
            </div>
        </div>
        <!-- 轮播图结束 -->
    </header>
    <main class="home-main">
        <section class="home-section">
            <div class="title">
                <span>EDA</span>
            </div>
            <section class="section-content">
                <div class="section-content__item">
                    <div class="section-content__item__top">
                        <i class="iconfont icon-xinwen_0 title-icon"></i>
                        <div class="item__top__title">
                            新闻
                        </div>
                        <a href="#">更多&nbsp;<i class="iconfont icon-arrowrightdl"></i></a>
                    </div>
                    <div class="section-content-item-content">
                        <div class="item-content-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt
                            maiores pariatur magni nulla voluptatem, eos nihil tempore totam, enim, expedita rerum
                            inventore. Odio recusandae delectus debitis, dolorum minima assumenda? Nulla eos veritatis
                            doloremque ad qui provident sed voluptates eligendi similique vel unde laborum sit saepe
                            aut, natus dolor optio aspernatur.</div>
                        <div class="item-content-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. </div>
                        <div class="item-content-text">Lorem ipsum dolor sit amet consectetur adipisicing </div>
                    </div>
                </div>
                <div class="section-content__item">
                    <div class="section-content__item__top">
                        <i class="iconfont icon-huodong title-icon"></i>
                        <div class="item__top__title">
                            活动
                        </div>
                        <a href="#">更多&nbsp;<i class="iconfont icon-arrowrightdl"></i></a>
                    </div>
                    <div class="section-content-item-content">
                        <div class="item-content-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt
                            maiores pariatur magni nulla voluptatem, eos nihil tempore totam, enim, expedita rerum
                            inventore. Odio recusandae delectus debitis, dolorum minima assumenda? Nulla eos veritatis
                            doloremque ad qui provident sed voluptates eligendi similique vel unde laborum sit saepe
                            aut, natus dolor optio aspernatur.</div>
                        <div class="item-content-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. </div>
                        <div class="item-content-text">Lorem ipsum dolor sit amet consectetur adipisicing </div>
                    </div>
                </div>
                <div class="section-content__item">
                    <div class="section-content__item__top">
                        <i class="iconfont icon-laba title-icon"></i>
                        <div class="item__top__title">
                            会议
                        </div>
                        <a href="#">更多&nbsp;<i class="iconfont icon-arrowrightdl"></i></a>
                    </div>
                    <div class="section-content-item-content">
                        <div class="item-content-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt
                            maiores pariatur magni nulla voluptatem, eos nihil tempore totam, enim, expedita rerum
                            inventore. Odio recusandae delectus debitis, dolorum minima assumenda? Nulla eos veritatis
                            doloremque ad qui provident sed voluptates eligendi similique vel unde laborum sit saepe
                            aut, natus dolor optio aspernatur.</div>
                        <div class="item-content-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. </div>
                        <div class="item-content-text">Lorem ipsum dolor sit amet consectetur adipisicing </div>
                    </div>
                </div>
            </section>
        </section>
        <section class="home-section">
            <div class="title">
                <span>EDA</span>
            </div>
            <section class="section-content">
                <div class="section-content__item">
                    <div class="section-content__item__top">
                        <i class="iconfont icon-xinwen_0 title-icon"></i>
                        <div class="item__top__title">
                            新闻
                        </div>
                        <a href="#">更多&nbsp;<i class="iconfont icon-arrowrightdl"></i></a>
                    </div>
                    <div class="section-content-item-content">
                        <div class="item-content-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt
                            maiores pariatur magni nulla voluptatem, eos nihil tempore totam, enim, expedita rerum
                            inventore. Odio recusandae delectus debitis, dolorum minima assumenda? Nulla eos veritatis
                            doloremque ad qui provident sed voluptates eligendi similique vel unde laborum sit saepe
                            aut, natus dolor optio aspernatur.</div>
                        <div class="item-content-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. </div>
                        <div class="item-content-text">Lorem ipsum dolor sit amet consectetur adipisicing </div>
                    </div>
                </div>
                <div class="section-content__item">
                    <div class="section-content__item__top">
                        <i class="iconfont icon-huodong title-icon"></i>
                        <div class="item__top__title">
                            活动
                        </div>
                        <a href="#">更多&nbsp;<i class="iconfont icon-arrowrightdl"></i></a>
                    </div>
                    <div class="section-content-item-content">
                        <div class="item-content-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt
                            maiores pariatur magni nulla voluptatem, eos nihil tempore totam, enim, expedita rerum
                            inventore. Odio recusandae delectus debitis, dolorum minima assumenda? Nulla eos veritatis
                            doloremque ad qui provident sed voluptates eligendi similique vel unde laborum sit saepe
                            aut, natus dolor optio aspernatur.</div>
                        <div class="item-content-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. </div>
                        <div class="item-content-text">Lorem ipsum dolor sit amet consectetur adipisicing </div>
                    </div>
                </div>
                <div class="section-content__item">
                    <div class="section-content__item__top">
                        <i class="iconfont icon-laba title-icon"></i>
                        <div class="item__top__title">
                            会议
                        </div>
                        <a href="#">更多&nbsp;<i class="iconfont icon-arrowrightdl"></i></a>
                    </div>
                    <div class="section-content-item-content">
                        <div class="item-content-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt
                            maiores pariatur magni nulla voluptatem, eos nihil tempore totam, enim, expedita rerum
                            inventore. Odio recusandae delectus debitis, dolorum minima assumenda? Nulla eos veritatis
                            doloremque ad qui provident sed voluptates eligendi similique vel unde laborum sit saepe
                            aut, natus dolor optio aspernatur.</div>
                        <div class="item-content-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. </div>
                        <div class="item-content-text">Lorem ipsum dolor sit amet consectetur adipisicing </div>
                    </div>
                </div>
            </section>
        </section>
        
    </main>
    <footer class="home-footer">
        <img class="footer-logo" src="http://118.31.119.34:9000/poap/20240911/38bc542624834c9fa284570700d26100.png"
            alt="">
        <div class="footer-content">
            <div>版权所有：中国运筹学会</div>
            <div>技术支持：河南级数信息科技有限公司</div>
            <div>通信地址：北京市海淀区中关村东路55号</div>
            <div>挂靠单位：中国科学院数学与系统科学研究院</div>
            <div>
                <a href="https://beian.mps.gov.cn/#/query/webSearch" target="_blank"></a>
                <img src="http://118.31.119.34:9000/poap/20240911/6977e394be0a4d82af3aaac4df5621bc.png" alt="">
                <span>京ICP备05002817号-6</span>
                </a>
            </div>
        </div>
    </footer>

    <script src="//unpkg.com/layui@2.9.17/dist/layui.js"></script>
    <script src="./js/index.js"></script>
</body>

</html>